<template lang="pug">
 .infos
    .info-box(v-for='item in list' :key="item.id")
        img(:src="item.picUrl")
        .box-title
            p {{item.title}}
            .p 
                .p1
                    p
                        i.iconfont.icon-xinxi
                        span {{item.commentCount}}
                    p
                        i.iconfont.icon-yanjing
                        span {{item.browseCount}}
                .p2 {{item.createTime}}      
</template>
<script>
export default {
    props: ["list"]
}
</script>
<style scoped lang="sass">
.info-box
    img
        width: 100%
        height: 3.5rem
        display: block
    .box-title
        padding: 0 .22rem 0 .16rem
        margin: .08rem 0 .2rem 0
        p
            font-size: .3rem
            line-height: .56rem
            color: #1c1c1c
        .p
            display: flex
            align-items: center
            justify-content: space-between
            line-height: .45rem
            font-size: .18rem
            color: #bfbfbf
            .p1
                display: flex
                p
                    margin: 0
                    color: #bfbfbf
                    margin-right: .46rem
                    span
                        margin-left: .08rem
            
</style>